import { useState } from 'react'
import reactLogo from './assets/react.svg'
import viteLogo from '/vite.svg'
import './App.css'
import routes from './router/index';
import { useRoutes } from "react-router-dom"
import {NavLink} from 'react-router-dom'

function App() {
  const routerView = useRoutes(routes)
  const [count, setCount] = useState(0)

  return (
    <div className="App">
       <header>
        <NavLink to="/">Home</NavLink> | 
        <NavLink to="/about">About</NavLink> | 
        <NavLink to="/user/5678910jqka">User</NavLink>
      </header>
      {routerView}
    </div>
  )
}

export default App
